<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>微信小程序接入</title>
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/bootstrap.js"></script>

    <style>
        h2{
            font-size: 24px
        }
        img{
            margin-top: 5px;
            border: 1px #ddd solid;
        }
    </style>
</head>

<body data-type="widgets">
<script src="js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 内容区域 -->
    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title  am-cf">多语言接入 - 微信小程序接入</div>
                    </div>
                    <div class="widget-body  am-fr">
                        <h1 style="font-size: 36px;margin-bottom: 40px">微信小程序接入</h1>
                        <div class="am-u-sm-12">
                            <h2>1、接口描述</h2>
                            <span class="describeMainPage">
                                接口请求域名：http://www.aixtport.com/aichild/api-intervention/transfer<br/>
                                此文档专对于微信小程序开发者，可以让小程序上也可以满足接入要求，从而让小程序，也配有机器人客服功能。
                            </span>
                        </div>
                        <div class="am-u-sm-12">
                            <h2>2、输入参数</h2>
                            <span class="describeMainPage">
                                以下接口列出了调用接口必要的接口参数<br/>
                                <table class="table table-bordered">
                                    <tr class="active">
                                        <td>参数名</td>
                                        <td>必选</td>
                                        <td>类型</td>
                                        <td>描述</td>
                                    </tr>
                                    <tr>
                                        <td>appId</td>
                                        <td>是</td>
                                        <td>String</td>
                                        <td>您的词库账号下AppId，用于标识账户Id、词库Id。</td>
                                    </tr>
                                    <tr>
                                        <td>keyWord</td>
                                        <td>是</td>
                                        <td>String</td>
                                        <td>用户问的问题，调用关键词。</td>
                                    </tr>
                                </table>
                            </span>
                        </div>
                        <div class="am-u-sm-12">
                            <h2>3、输出文档</h2>
                            <span class="describeMainPage">
                                以下接口仅列出了父级参数，如需看全，详情请看 <a href="#">《返回参数》</a><br/>
                                <table class="table table-bordered">
                                    <tr class="active">
                                        <td>参数名</td>
                                        <td>类型</td>
                                        <td>描述</td>
                                    </tr>
                                    <tr>
                                        <td>requestCode</td>
                                        <td>String</td>
                                        <td>返回的调用词条状态码</td>
                                    </tr>
                                    <tr>
                                        <td>describe</td>
                                        <td>String</td>
                                        <td>返回数据的描述</td>
                                    </tr>
                                    <tr>
                                        <td>requestMap</td>
                                        <td>Map</td>
                                        <td>返回的结果数据，如需查看详情，请看<a href="returnParameter.html">《返回参数》</a>。</td>
                                    </tr>
                                </table>
                            </span>
                        </div>
                        <div class="am-u-sm-12">
                            <h2>4、示例</h2>
                            <h4>输入示例</h4>
                            <div class="codeStyle">
                                http://www.aixtport.com/aichild/api-intervention/transfer?appId=zl2plygQdHGngSqNtTPI6CqyV73NA5&keyWord=小童
                            </div>
                            <h4>输出示例</h4>
                            <div class="codeStyle">
                                <xmp>
        {
            "requestCode":100,
            "describe":"返回结果成功。",
            "requestMap":{
                "result":{
                    "id":354,
                    "replyContents":"老板我来了~",
                    "rriggerType":1,
                    "triggerName":"默认",
                    "rriggerPath":"www.aixtport.com",
                    "type":1
                }
            }
        }
                                </xmp>
                            </div>
                        </div>

                        <div class="am-u-sm-12">
                            <h2>5、代码示例</h2>
                            <p>以下代码为微信小程序代码接入。（该请求可使用多种请求方式，请求方式语言不唯一），演示操作。</p>
                            <div class="code">
                                <xmp>
        var that = this;
        //以下url里面的that.datas.* 字段为临时字段，使用时请按照自己需求所定。
        wx.request({
           url: "http://www.aixtport.com/aichild/api-intervention/transfer?appId="+that.datas.appId+"&keyWord="+that.datas.keyWord,
           data: {},
           success(res) {
               console.log(res)
           }
        })
                                </xmp>
                            </div>
                        </div>

                        <div class="am-u-sm-12">
                            <h2>6、获取参数信息</h2>
                            <div class="codeStyle">
                                console.log(res.describe)  //返回信息描述<br/>
                                console.log(res.requestCode)   //返回请求状态码<br/>
                                console.log(res.requestMap.result.replyContents)  //回调内容<br/>
                                console.log(res.requestMap.result.rriggerPath)    //回调路径<br/>
                                console.log(res.requestMap.result.rriggerType)    //触发Id<br/>
                                console.log(res.requestMap.result.triggerName)    //回调内容
                            </div>
                        </div>

                        <div class="am-u-sm-12">
                            <h2>7、开发者测试环境</h2>
                            <span class="describeMainPage">
                                您可以通过浏览网页形式来测试您的接口和词库数据，<a href="http://www.aixtport.com/xt/test.html" target="_blank">Ai小童接口环境测试</a>。
                            </span>
                        </div>

                        <div class="am-u-sm-12">
                            <h2>对您有帮助吗？</h2>
                            <p>不管有无帮助，一起加入Ai小童大家庭吧！在这里您有很大的展现平台，您可以学到很多东西，赶快加入我们吧！<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=4972957ba2c09266ef2e637a5a559657fbdb0588ef927b2b62f200b77e64f17e" style="margin-top: -2px"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="Ai小童云智能引擎官方" title="Ai小童云智能引擎官方"></a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>